<template>
  <div id="app">
    <chat></chat>
  </div>
</template>

<script>
    import Chat from './components/chat/chat'
    export default {
        name: 'app',
        components: {
            Chat
        }
    }
</script>

<style lang="scss">
  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    position: absolute;
    top: 40px;
    left: 40px;
    width: 770px;
    height: 600px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 2px 0 2px #ddd;
  }

  .el-textarea__inner {
    border: none !important;
  }

  * {
    box-sizing: border-box;
  }


  // 滚动条设置
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;

    &:hover {
      background-color: #8b8b8b;
    }
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }
</style>
